<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog B1301-dialog" ng-init="dialog.init();"
     style="background-color: #fafafa;width:100%;height: 100%;">
    <div class="kmi-header-row">
        <div class="header-title"  ng-bind="'B1301_MergePlot.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="kmi-text-fields">
                <div style="flex:1;" class="kmi-text-fields">
                    <label class="label" style="text-align:left;" ng-bind ="'B1301_MergePlot.product_no' | translate"></label>
                    <label class="value" style="text-align:left; padding-left: 6px;" ng-bind ="dialog.product_no"></label>
                </div>
                <div style="flex:1;" class="kmi-text-fields">
                    <label class="label" style="text-align:left;" ng-bind ="'B1301_MergePlot.product_ver' | translate"></label>
                    <label class="value" style="text-align:left;" ng-bind ="dialog.product_ver"></label>
                </div>
            </div>
            <div class="kmi-text-fields">
                <div style="flex:1;" class="kmi-text-fields">
                    <label class="label" ng-bind ="'B1301_MergePlot.target_plot' | translate" ></label>
                    <input ng-model="dialog.target_plot" readonly="readonly" ng-click="dialog.loadlotinfo()" style = "margin-left:2px;text-align:left;max-width:300px;"></input>
                    <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
                </div>
                <div style="flex: 1;" class="kmi-text-fields">
                    <label class="label" style = "text-align:left;" ng-bind ="'B1301_MergePlot.target_op_no' | translate" ></label>
                    <label class="value" style = "text-align:left;" ng-bind="dialog.target_op_no"></label>
                </div>
            </div>
            <div class="kmi-text-fields">
                <div style="flex: 1;" class="kmi-text-fields">
                    <label class="label" style = "text-align:left;" ng-bind ="'B1301_MergePlot.transferQty' | translate" ></label>
                    <input readonly="readonly" ng-click="dialog.openTransferQty($event)" ng-model="dialog.transferQty" style="margin-left:5px;text-align:left;max-width:301px;"></input>
                </div>
                <div style="flex: 1;" class="kmi-text-fields">
                    <label class="label" style = "text-align:left;" ng-bind ="'B1301_MergePlot.mode' | translate" ></label>
                    <button class="mdl-button mdl-js-button kmi-checkbox ng-binding"  ng-click="dialog.changemode(0)" style="flex:1;">
                        <img ng-show="dialog.mode == 1" src="image/icons/check0.png" class="ng-hide">
                        <img ng-show="dialog.mode == 0" src="image/icons/check1.png" class="ng-hide">
                        <label ng-bind ="'B1301_MergePlot.mode_changemode1' | translate" ></label>
                    </button>
                    <button class="mdl-button mdl-js-button kmi-checkbox ng-binding" ng-click="dialog.changemode(1)" style="flex:1;">
                        <img ng-show="dialog.mode == 0" src="image/icons/check0.png" class="ng-hide">
                        <img ng-show="dialog.mode == 1" src="image/icons/check1.png" class="ng-hide">
                        <label ng-bind ="'B1301_MergePlot.mode_changemode2' | translate"></label>
                    </button>
                </div>
            </div>
            <div class="kmi-list">
                <div class="kmi-list__header">
                    <!-- <div class="kmi-list__column head-controls " style="flex:1;">
                        <div class="order" ng-hide="joint_item_no_filter">
                            <i class="material-icons search" style="z-index:1;" ng-click="joint_item_no_filter = true">search</i>
                            <label>產品編號</label>
                        </div>
                        <div class="filter" ng-show="joint_item_no_filter">
                            <input ng-model="dialog.List_filter.joint_item_no">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 0px;" ng-show="joint_item_no_filter"
                               ng-click="joint_item_no_filter = false;dialog.List_filter.joint_item_no=''">clear</i>
                        </div>
                    </div> -->
                    <!--<div class="kmi-list__column" style="flex:1;" ng-bind="'B0223.list.column1' | translate" ></div>-->
                    <div class="kmi-list__column" style="flex:1;" ng-bind ="'B1301_MergePlot.list.column1' | translate">產品編號</div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind ="'B1301_MergePlot.list.column2' | translate">產品版本</div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind ="'B1301_MergePlot.list.column3' | translate">生產批號</div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind ="'B1301_MergePlot.list.column4' | translate">作業站</div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind ="'B1301_MergePlot.list.column5' | translate">數量</div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind ="'B1301_MergePlot.list.column6' | translate">流程編號</div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind ="'B1301_MergePlot.list.column7' | translate">流程版本</div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in dialog.lot_info">
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.item_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.item_ver"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.plot_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.op_no"></div>
                        <div class="kmi-list__column column-border kmi-text-fields" style="flex:1;padding: 2px 5px 5px 2px;">
                            <input readonly="readonly" ng-click="dialog.openLotQty($event,item)" ng-model="item.plot_qty" style="margin-top: 10px;"></input>
                        </div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.process_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.process_ver"></div>
                    </div>
                </div>
            </div>
            <div class="btn-content">
                <div class="kmi-button kmi-button-confrim btn-confirm" ng-click="dialog.confirm()"  style="width:100px">
                    <label ng-bind="'common.btn.confirm' | translate"></label>
                    <div class="kmi-can-click" ></div>
                </div>
            </div>
        </div>
    </div>
</div>
